Help with Mootools Migration to jQuery!

Help with Mootools Migration to jQuery!

Hello everyone,


Someone could help me convert the following code to jQuery Mootools. Please I would be very grateful indeed.


Thanks in advance.
 
  1. window.addEvent("load", function(){
    Fx.Opacity = Fx.Style.extend({
  2.       initialize : function(el,options){
             this.now = 1;
             this.parent(el, 'opacity', options);
          },
          toggle : function(){
              return (this.now > 0) ? this.start(1, 0) : this.start(0, 1);
          },
          show : function(){
              return this.set(1);
          }








  3.  });
    $$('.gk_js_members_main').each(function(wrapper){
                    var module_id = wrapper.getProperty("id");
                    var $G = $Gavick["gk_js_members-"+module_id];
                    var tabs = $ES('.gk_js_tab',wrapper);
                    var members = $ES('.gk_js_members',wrapper);
                    var overlay = $E('.gk_js_overlay',wrapper);
                    var overlayFX = new Fx.Opacity(overlay,{
                                                    duration:$G['animationSpeed'],
                                                    wait:true
                                                    });
                   
                    if($E('.gk_js_interface',wrapper)){
                            members.setStyle("display","block");
                            $ES('.gk_js_interface',wrapper).each(function(elm,i){
                                    elm.setStyles({
                                            "width" : (elm.getSize().size.x - $E('div',elm).getStyle("padding-left").toInt()) + "px",
                                            "float" : "none"
                                    });
                            });
                            members.each(function(elm,i){ if(i != 0) elm.setStyle("display","none"); });
                    }
                   
                    overlay.setStyle("display","block");
                    overlayFX.set(0);
                   
                    tabs[0].setProperty("class","gk_js_tab active");
                   
                    tabs.each(function(tab,i){
                            tab.addEvent("click", function(){
                                   
                                    overlayFX.start(1);
                                   
                                    (function(){
                                            members.each(function(e,j){
                                                    e.setStyle("display",(i == j) ? "block" : "none");
                                            });
                                    }).delay($G['animationSpeed']);
                                   
                                    (function(){overlayFX.start(0);}).delay($G['animationSpeed'] + 200);
                                   
                                    tabs.each(function(t,j){
                                            if(j!=i) t.setProperty("class","gk_js_tab");
                                            else  t.setProperty("class","gk_js_tab active");
                                    });
                            });
                    });
                   
            if($E('.gk_js_interface',wrapper)){
                        members.each(function(el,i){
                                var prev = $E('.gk_js_interface .gk_js_prev',el);
                                var next = $E('.gk_js_interface .gk_js_next',el);
                                var pag = $ES('.gk_js_interface .gk_js_page',el);
                               
                                pag[0].setProperty("class", "gk_js_page active");
                               
                                var page = 0;
                                var pages = $ES('.gk_js_members_wrap',el);
                                var maxPage = pages.length;
                                var scroll = new Fx.Scroll($E('.gk_js_members_scroll1',el), {wheelStops:false,duration:$G['animationSpeed'],transition:$G['animationType']});
                                prev.addEvent("click", function(){
                                        page = (page > 0) ? page-1 : maxPage-1;
                                        scroll.scrollTo(pages[0].getSize().size.x * page, 0);
                                        pag.each(function(p,j){
                                                p.setProperty("class", (j != page) ? "gk_js_page" : "gk_js_page active");
                                        });
                                });
                               
                                next.addEvent("click", function(){
                                        page = (page < maxPage - 1) ? page+1 : 0;
                                        scroll.scrollTo(pages[0].getSize().size.x * page, 0);                               
                                        pag.each(function(p,j){
                                                p.setProperty("class", (j != page) ? "gk_js_page" : "gk_js_page active");
                                        });
                                });
                               
                                pag.each(function(p,j){
                                        p.addEvent("click", function(){
                                                page = j;
                                                scroll.scrollTo(pages[0].getSize().size.x * page, 0);
                                               
                                                pag.each(function(p,j){
                                                        p.setProperty("class", (j != page) ? "gk_js_page" : "gk_js_page active");
                                                });
                                        });
                                });
                        });
            }
            });
    });